<%-- 
    Document   : contact
    Created on : Jul 29, 2014, 7:46:49 AM
    Author     : THAONV
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>home</title>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="wrapper">
            <div class="container">
            <div class="row">
                <div id="header" class="col-xs-12">
                    <div id="logo" class="col-xs-2 col-xs-offset-1">
                            <img src="images/logo.png">
                    </div>
                    <div id="navigation" class="col-xs-7 col-xs-offset-2">
                        <ul>
                            <li><a href="index.jsp" class="hover">Trang chủ</a></li>
                            <li><a href="project.jsp" class="hover"> Dự án</a></li>
                            <li><a href="news.jsp" class="hover"> Tin tức</a></li>
                            <li><a href="contact.jsp" class="hover"> Liên hệ</a></li>
                            <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Đăng nhập</a>
                                    <ul class="dropdown-menu dropdow-user">
                                        <li>
                                            <form>
                                                <div class="form-group">
                                                    <label>Tên đăng nhập</label>
                                                    <input type="text" name="username" required="required">
                                                </div>
                                                <div class="form-group">
                                                    <label>Mật khẩu</label>
                                                    <input type="password" name="password" required="required">
                                                </div>
                                                <div class="form-group">
                                                    <button class="btn btn-primary" type="submit" name="login" >Đăng nhập</button>
                                                    <button class="btn btn-primary" type="submit" name="logout" > Đăng xuất</button>
                                                </div>
                                            </form>
                                        </li>
                                        <li class="divider"></li>
                                        <li><a href="registration.jsp"> Đăng ký</a></li>
                                    </ul>
                              </li>
                        </ul>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <div id="banner">
            <div class="col-xs-12">
                <ul>
                    <li><img src="images/banner_bg.jpg" class="img-responsive"/></li> 
                </ul>
            </div>
        </div>
        <div id="conntain">
            <div class="top-bottom"></div>
            <div id="bg_contain">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-8 col-xs-offset-2">
                            <h2>THÔNG TIN LIÊN HỆ:</h2>
                            <H4>Để thuận tiện bạn có thể liên hê với chúng tôi bằng cách nhập các thông tin
                            cần thiết vào biểu mẫu bên dưới. Thông tin của bạn sẽ được chuyển đến bộ phận hỗ trợ
                            ngay lập tức và sẽ được xử lý trong thời gian sớm nhất có thể.</h4>
                            </div>
                        </div>
                    </div>
                    <div class="container">
                            <div class="row">
                            <div class="col-xs-8 col-xs-offset-2">    
                                <form action="" method="get" class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-xs-2">Họ và tên</label>
                                    <input class="col-xs-5 border-input" type="text"  placeholder="Họ và tên" required="required" >
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-2">Email</label>
                                    <input class="col-xs-5 border-input" type="email"  placeholder="Email" required="required">
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-2">Tiêu đề</label>
                                    <input  class="col-xs-5 border-input" type="text"  placeholder="Tiêu đề" required="required">
                                </div>
                                <div class="form-group">
                                    <label class="col-xs-2">Nội dung</label>
                                    <textarea class="col-xs-10 border-input"  rows="5"></textarea>
                                </div>
                                <div class="form-group">
                                    <button type="button" class="btn btn-primary col-xs-2 col-xs-offset-7">Nhập lại</button>
                                    <button type="button" class="btn btn-primary col-xs-2 col-xs-offset-1">Gửi đi</button>
                                </div>
                            </form>
                            </div>
                        </div>
                    </div>
            </div>
            <div class="top-bottom"></div>
        </div>
        <div id="footer">
            <div class="container">
                <div class="row"> 
                   Được thực hiện bởi nhóm LUD
                </div>
            </div>
        </div>
    </body>
</html>
